@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web .shippingBox {
    bottom: 0;
    height: auto;
        .delivery {
//          width: 100%;
            border: 0;
            text-align: inherit;
            padding-left: r(27);
            color: #4a4a4a;
            font-family: "宋体";
            font-weight: 600;
            p{
                font-size: r(30);
                color: black;
                font-weight: 600;
            }
        }
    .ship_info{
        height: r(102);
        span{
            margin-left: r(27);
            float: left;
            font-size: r(30);
            color: #d9d9d9;
            line-height: r(100);
        }
        input{
            float: left;
            height: r(94);
            border: 0;
            width: 85%;
            text-indent: r(25);
        }
        &:hover,
        &:focus,
        &:active,
        {
            border: r(1) solid skyblue;
            input{
                color: red;
            }
        }
    }
    .postcode{
        width: 34%;
        margin-right: r(97);
        input{
            width: 60%;
        }
    }
    .city{
        width: 52%;
        margin-right: 0;
        input{
            width: 72%;
        }
    }
    .express_way{
        width: 100%;
        height: r(210);
        background: #f9f9f9;
        ul{
            width: 90%;
            margin: 0 auto;
            height: r(210);
            overflow-y: scroll;
            li{
                float: left;
                width: r(248);
                height: r(148);
                border: r(1) solid #dddddd;
                border-radius: r(15);
                margin-left: r(32);
                margin-top: r(30);
                cursor: pointer;
                text-align: center;
                transition: 2s;
                p{
                    font-size: r(20);
                    margin-top: r(40);
                    color: #4a4a4a;
                }
                span{
                    font-size: r(30);
                    color: #4a4a4a;
                    font-weight: 600;
                }
            }
            li:hover{
                border: r(1) solid #009fe8;
                p{
                    font-size: r(20);
                    margin-top: r(40);
                    color: #009fe8;
                }
                span{
                    font-size: r(30);
                    color: #009fe8;
                    font-weight: 600;
                }
            }
        }
    }
    .post{
        width: 100%;
        height: r(100);
        border-bottom: r(1) solid #eeeeee;
        border-top: r(1) solid #eeeeee;
        background: #f9f9f9;
        span{
            line-height: r(100);
        }
        span:first-child{
            font-size: r(20);
            color: #5a5a5a;
            float: left;
            margin-left: r(30);
        }
        span:last-child{
            font-size: r(30);
            color: #5a5a5a;
            float: right;
            margin-right: r(30);
        }
    }
    .pay_btn{
        background: white;
        margin-bottom: r(40);
    }
}
